<template>
  <div>
    <sub-menu>
      <template #title>
        {{ data.title }}
      </template>
      <div v-for="c in data.children" :key="c.id">
        <menu-item v-if="!c.children">{{ c.title }}</menu-item>
        <re-sub-menu v-else :data="c"></re-sub-menu>
      </div>
    </sub-menu>
  </div>
</template>

<script>
import SubMenu from "./SubMenu.vue";
import MenuItem from "../MenuItem";
export default {
  name: "ReSubMenu",
  components: {
    SubMenu,
    MenuItem,
  },
  props: {
    data: Object,
  },

  data() {
    return {};
  },

  mounted() {},

  methods: {},
};
</script>

<style scoped>
</style>